<template>
  <view :hover-start-time="20" :hover-stay-time="70" :hover-class="type + '-hover'" @click.stop="$emit('click')">
    <slot></slot>
  </view>
</template>

<script setup lang="ts">
interface IProps{
  type:string
}
withDefaults(defineProps<IProps>(), {
  type: 'opacity'
})

const $emit = defineEmits(['click'])
</script>

<style scoped lang="scss">

</style>
